<!--督办工作任务列表页-->
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>任务列表</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/supervise/superviseList.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
	</head>

	<body ontouchstart>
		<!--搜索页开始-->
		<div class="supervise-list-searchPage">
			<div class="supervise-list-search">
				<div class="fa fa-angle-left backBtn" @click="restKeywords"></div>
				<div class="search">
					<div class="fa fa-search"></div>
					<input type="" name="" v-model="keywords" value="" placeholder="请输入要查找的内容" />
				</div>
				<div class="searchBtn" @click="selectKeywords">搜索</div>
			</div>
			<div class="supervise-list-hot">
				<div class="title">热搜</div>
				<div class="hotWords">
					<div>绩效工作</div>
					<div>档案室</div>
					<div>一建</div>
				</div>
			</div>
		</div>
		<!--搜索页结束-->
		<!--侧板筛选栏开始-->
		<div class="supervise-list-searchBar">
			<div class="searchType">部门分类</div>
			<div class="searchRow department">
				<div>办公室</div>
				<div>工程部</div>
				<div>信息声像部</div>
			</div>
			<div class="searchRow department" style="margin-top: 10px;">
				<div>档案管理部</div>
				<div>编研部</div>
				<div></div>
			</div>
			<div class="searchType" style="margin-top: 10px;">任务类型</div>
			<div class="searchRow workType">
				<div>绩效工作</div>
				<div>馆内工作</div>
				<div>公文办理</div>
			</div>
			<div class="searchType" style="margin-top: 10px;">工作状态</div>
			<div class="searchRow workState">
				<div>办理</div>
				<div>修改</div>
				<div>延时</div>
			</div>
			<div style="margin-top: 10px;" class="searchRow workState">
				<div>督办</div>
				<div></div>
				<div></div>
			</div>
			<div class="searchInfo" v-html="searchInfo" v-if="searchWrong"></div>
			<div class="searchAction">
				<div @click="restSelect">重置</div>
				<div @click="selectList">确定</div>
			</div>
		</div>
		<!--侧边筛选栏结束-->
		<!--黑色背景-->
		<div class="bgBlack"></div>
		<!--黑色背景-->
		<!--任务列表搜索框开始-->
		<div class="supervise-list-search supervise-header">
			<div class="fa fa-angle-left backBtn vhidden"></div>
			<div class="search">
				<div class="fa fa-search"></div>
				<input type="" name="" id="keywords" value="" v-model="keywords" placeholder="请输入要查找的内容" />
			</div>
			<div class="searchBtn">搜索</div>
		</div>
		<!--任务列表搜索框结束-->
		<!--loading图开始-->
		<div class="loader">
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
		</div>
		<!--loading图结束-->
		<!--任务列表开始-->
		<div class="supervise-body hidden" style="margin-bottom: 35px;">
			<div class="supervise-list-title">
				<div>任务列表</div>
				<div style="font-size: 13px;" class="selectBtn">筛选</div>
			</div>
			<div class="supervise-list-content">
				<div class="supervise-list-total">
					<div>总计：</div>
					<div>督办工作：{{sumTotal.guannei+sumTotal.gongwen+sumTotal.jixiao}}项，馆内工作：{{sumTotal.guannei}}项，公文办理：{{sumTotal.gongwen}}项，绩效工作：{{sumTotal.jixiao}}项，超时工作：{{sumTotal.chaoshi}}项。</div>
				</div>
				<div class="supervise-list-none" v-if="superviseList.length==0">暂无此类数据</div>
				<div class="supervise-list-item" v-for="item in superviseList" @click="detail(item.ID)">
					<div class="row1">
						<div class="type">
							<div v-html="item.WORKTYPE"></div>
							<div v-bind:class="{ 'fa fa-check normal':item.DUBANSUM==0 ,'fa fa-exclamation attention': item.DUBANSUM>0&&item.DUBANSUM<=2,'fa fa-flash danger': item.DUBANSUM>2}"></div>
							<!--一共有三种时间状态对应的标识为0，1，2-->
						</div>
						<div class="state">
							工作状态：
							<div v-bind:class="{ 'delay': item.WORKSTATUS=='延时','alter': item.WORKSTATUS=='修改','end': item.WORKSTATUS=='结束','new': item.WORKSTATUS=='办理','duban': item.WORKSTATUS=='督办'}" v-html="item.WORKSTATUS"></div>
							<!--五种工作状态对应的标识为办理 修改 延期 督办 结束-->
						</div>
					</div>
					<div class="row2">
						<div v-bind:class="{ 'fa fa-star none': item.DUBANSUM==0,'fa fa-star once': item.DUBANSUM>0&&item.DUBANSUM<=2,'fa fa-star twice': item.DUBANSUM>2}"></div>
						<!--一共有三种工作状态对应的标识为红星，黄星和灰星-->
						<div class="title" v-html="item.TASKNAME"></div>
					</div>
					<div class="taskRemark" v-if="item.REMARK!=null" v-html="item.REMARK">
					</div>
					<div class="row3">
						<div class="user">
							<div class="fa fa-user"></div>
							<div>经办人：</div>
							<div v-html="item.TASKINMAN" style="color: #666666;"></div>
						</div>
					</div>
					<div class="row4">
						<div class="time">
							<div class="fa fa-calendar"></div>
							<div>时间：</div>
							<div v-html="item.BEGINDATE" style="color: #666666;"></div>--
							<div v-html="item.ENDDATE" style="color: #666666;"></div>
						</div>
					</div>
					<div class="row5" v-if="item.DUBANSUM>0">
						<div class="dubanState">
							<div class="fa fa-hourglass-half"></div>
							<div>督办状态：</div>
							<div style="color: #666666;">督办{{item.DUBANSUM}}次</div>
						</div>
					</div>
					<div class="row6">
						<div class="like">
							<div class="fa fa-heart liked" v-if="item.ISLIKE" style="font-size: 16px;"></div>
							<div class="fa fa-heart-o nolike" v-on:click.stop.prevent="setLike($index,item.ID,item.TASKNAME)" v-if="!item.ISLIKE" style="font-size: 16px;"></div>
							<div style="margin-left: 5px;" v-html="item.LIKENUM"></div>
							<!--一共两种点赞状态，已点赞和未点赞-->
						</div>
						<div class="comment">
							<div class="fa fa-commenting-o" style="font-size: 16px;color: #D0D0D0;"></div>
							<div style="margin-left: 5px;" v-html="item.COMMENTS"></div>
						</div>
					</div>
					<div class="row7" v-if="item.LIKEMANLIST != null">
						<div class="fa fa-heart-o"> {{item.LIKEMANLIST}}</div>
					</div>
				</div>
				<div class="supervise-list-noMore" v-if="noMore">没有更多数据了</div>
				<div class="weui-loadmore" v-if="loadMore">
					<i class="weui-loading"></i>
					<span class="weui-loadmore__tips">正在加载</span>
				</div>
			</div>
		</div>
		<!--任务列表结束-->
		<!--底部tabbar开始-->
		<div class="supervise-list-tabbar hidden">
			<div class="tab" @click="allList">
				<div class="fa fa-th-list"></div>
				<div style="margin-left: 10px;">全部</div>
			</div>
			<div class="tab" @click="dubanList">
				<div class="fa fa-file-text-o"></div>
				<div style="margin-left: 10px;">我督办</div>
			</div>
			<div class="tab" @click="jingbanList">
				<div class="fa fa-edit"></div>
				<div style="margin-left: 10px;">我经办</div>
			</div>
		</div>
		<!--底部tabbar结束-->
	</body>
	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js.page/supervise/superviseList.js" type="text/javascript" charset="utf-8"></script>

</html>